<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:rich="http://richfaces.org/rich" 
	xmlns:a4j="http://richfaces.org/a4j">
	
<head>

</head>
<ui:composition template="../WEB-INF/plantilla/layout.xhtml" contentType="text/html; charset=ISO-8859-1">
<ui:define name="contenido">
<script type="text/JavaScript" src="../resources/js/saex.js" />
		<h:form id="formPrincipal">
		<rich:messages  id="idMsmDocumento" globalOnly="false"></rich:messages>
        <h:outputLabel value="#{empresaController.init}"> </h:outputLabel>
        
        
			<a4j:outputPanel id="pnlBusquedaEmpresa" style="width:75%">
				<rich:panel header="Consulta Empresa" style="width:75%">

					<table width="100%" class="tabla">
						<tr>
							<td><h:outputLabel value="Razón Social :" style="margin-left:30px"></h:outputLabel></td>
							<td><h:inputText style="width:80%;margin-right:80px"  value="#{empresaController.empresaFormConsulta.razonSocial}"
							></h:inputText>
							</td>
							<td><a4j:commandButton value="Buscar" style="width:65%"
									action="#{empresaController.obtenerEmpresa}"
									render="dtEmpresas" /></td>
						</tr>

						<tr >
							<td><h:outputLabel value="Nro Ruc :" style="margin-left:30px"></h:outputLabel></td>

							<td ><h:inputText style="width:80%;margin-right:80px" value="#{empresaController.empresaFormConsulta.ruc}"
							        onkeypress="return validaNumero(event,'0',this,'0');" maxlength="11"
									onblur="validaNumero(event,'0',this,'1');"></h:inputText>
							
							
							</td>
							

							<td ><a4j:commandButton value="Agregar" style="width:65%"
									onclick="#{rich:component('panelRegistroEmpresa')}.show()">
								</a4j:commandButton></td>
						</tr>
						<tr>
						<td colspan="3" height="15px">
						</td>
						</tr>
						
						<tr>
						
						<td colspan="3">
						<rich:dataTable id="dtEmpresas" style="width:100%"
							value="#{empresaController.listEmpresas}" var="cliPla"
							rows="10" iterationStatusVar="it" >
							<rich:column width="10%">
								<f:facet name="header">#</f:facet>
               					 #{it.index+1}
            				</rich:column>

							<rich:column style="text-align:center;" width="80%">
								<f:facet name="header">
									<h:outputText value="Nombre" />
								</f:facet>
								<h:outputText value="#{cliPla.razonSocial}" />
							</rich:column>

							<rich:column style="text-align:center;" width="40%">
								<f:facet name="header">
									<h:outputText value="Ruc" />
								</f:facet>
								<h:outputText value="#{cliPla.ruc}" />
							</rich:column>

							<rich:column style="text-align:center;" width="20%">
								<f:facet name="header">
									<h:outputText value="Siglas" />
								</f:facet>
								<h:outputText value="#{cliPla.siglas}" />
							</rich:column>

							<rich:column style="text-align:center;" width="10%">
								<f:facet name="header">
									<h:outputText value="Ver Convenios" />
								</f:facet>
								<a4j:commandLink  action="#{empresaController.verConvenio}" 
							     oncomplete="#{rich:component('panelConsulta')}.show()" render="frmConvenios:pnlBusquedaConvenio">
							     	<h:graphicImage value="../images/look.png" />
							     	<f:param name="p_id" value="#{cliPla.id}" />
							     </a4j:commandLink>
							     
																							
							</rich:column>
							<f:facet name="footer">
							 <rich:dataScroller page="#{empresaController.page}" fastControls="hide" />
            				</f:facet>
							 

						</rich:dataTable>
						</td>
						</tr>
					</table>
					<br />


					
				</rich:panel>
			</a4j:outputPanel>
		</h:form>

		<rich:popupPanel id="panelConsulta" modal="true" resizeable="false" autosized="true"
			>
			<f:facet name="header">
				<h:panelGroup>
					<h:outputText value="Convenios Empresas"></h:outputText>
				</h:panelGroup>
			</f:facet>
			<f:facet name="controls">
				<h:outputLink 
					onclick="#{rich:component('panelConsulta')}.hide(); return false;">X
                </h:outputLink>
			</f:facet>

			<h:form id="frmConvenios">
				<rich:messages  id="idMsmConvenios"  globalOnly="true"/>
				<a4j:outputPanel id="pnlBusquedaConvenio">
					<rich:panel id="panelRegistrarConvenio">
						<h:panelGrid columns="2">
							<h:panelGrid columns="2">
								<h:outputText value="Código  :" />
								<h:inputText value="#{empresaController.convenioDtoModificar.id}"
								 disabled="#{empresaController.convenioDtoModificar.flagModificado}"></h:inputText>

								<h:outputText value="Nombre :" />
								<h:inputText value="#{empresaController.convenioDtoModificar.descConvenio}"
									style="width:220%;" > </h:inputText>

								<h:outputText value="Divisa :" />
								<h:selectOneMenu styleClass="selectOneMenu"
									value="#{empresaController.convenioDtoModificar.codMoneda}" style="width:150px;">
									<f:selectItem itemLabel="-- Todos --" itemValue="0" />
									<f:selectItem itemLabel="Soles" itemValue="MN" />
									<f:selectItem itemLabel="Dolares" itemValue="ME" />
									<f:selectItem itemLabel="Euros" itemValue="03" />
								</h:selectOneMenu>


								<h:outputText value="Nemotecnico" />
								<h:inputText value="#{empresaController.convenioDtoModificar.nemoConvenio}"
									style="width:220%;" maxlength="8"></h:inputText>

								<h:outputText value="Petición" />
								<h:inputText value="#{empresaController.convenioDtoModificar.numPeticion}"
									style="width:220%;" maxlength="15"
									onkeypress="return validaNumero(event,'0',this,'0');"
									onblur="validaNumero(event,'0',this,'1');">
									</h:inputText>


							</h:panelGrid>
							<h:panelGrid columns="1">
								<a4j:commandButton value="Agregar" render="panelRegistrarConvenio,dtConvenios"
									action="#{empresaController.setAgregarConvenio}" />
							</h:panelGrid>
						</h:panelGrid>

					</rich:panel>

					<br/>

					<h:panelGrid columns="4">

						<rich:dataTable id="dtConvenios" headerClass="cabeceraDataTable"
							width="300%" value="#{empresaController.listConvenios}"
							var="cliPla" rows="5" 
							iterationStatusVar="it"  >
							<rich:column width="50%">
								<f:facet name="header">#</f:facet>
               					 #{it.index+1}
            				</rich:column>
							<rich:column style="text-align:center;">
								<f:facet name="header">
									<h:outputText value="Codigo" />
								</f:facet>
								<h:outputText value="#{cliPla.id}" />
							</rich:column>

							<rich:column style="text-align:center;">
								<f:facet name="header">
									<h:outputText value="Nombre" />
								</f:facet>
								<h:outputText value="#{cliPla.descConvenio}" />
							</rich:column>

							<rich:column style="text-align:center;">
								<f:facet name="header">
									<h:outputText value="Divisa" />
								</f:facet>
								<h:outputText value="#{cliPla.codMoneda}" />
							</rich:column>

							<rich:column style="text-align:center;">
								<f:facet name="header">
									<h:outputText value="Nemotécnico" />
								</f:facet>
								<h:outputText value="#{cliPla.nemoConvenio}" />
							</rich:column>
							<rich:column style="text-align:center;">
								<f:facet name="header">
									<h:outputText value="Peticiòn" />
								</f:facet>
								<h:outputText value="#{cliPla.numPeticion}" />
							</rich:column>
							<rich:column style="text-align:center;">
								<f:facet name="header">
									<h:outputText value="Modificar" />
								</f:facet>
								<a4j:commandLink render="dtConvenios, panelRegistrarConvenio"
								action="#{empresaController.setModificarConvenio}" >
								<h:graphicImage value="../images/editar.jpg" />
								  <f:param name="p_index" value="#{it.index}" />
                                   <f:setPropertyActionListener target="#{empresaController.convenioDto}" value="#{cliPla}" />
								</a4j:commandLink>
							</rich:column>
							<rich:column style="text-align:center;">
								<f:facet name="header">
									<h:outputText value="Eliminar" />
								</f:facet>
								
								<a4j:commandLink render="dtConvenios, panelRegistrarConvenio"
								action="#{empresaController.eliminarConvenio}" >
									<h:graphicImage value="../images/eliminar.jpg" />
									<f:param name="p_index" value="#{it.index}" />
								</a4j:commandLink>
							</rich:column>
							<f:facet name="footer">
							 <rich:dataScroller page="#{empresaController.pageConvenio}" fastControls="hide"/>
            				</f:facet>
						</rich:dataTable>
					</h:panelGrid>
					
					<br/>
					<h:panelGrid columns="4" style="align:center;padding-right: 50%">
						<h:panelGrid columns="1" >
						</h:panelGrid>
						<h:panelGrid columns="1" >
						</h:panelGrid>
						<a4j:commandButton value="Salir"
							onclick="#{rich:component('panelConsulta')}.hide(); return false;"
							action="#{empresaController.cancelarConvenio}" />

						<a4j:commandButton value="Procesar" render="dtConvenios,panelRegistrarConvenio"
							action="#{empresaController.procesarConvenioLista}" 
							oncomplete="#{rich:component('panelConsulta')}.hide(); return false;"/>
					</h:panelGrid>
				</a4j:outputPanel>

			</h:form>
		</rich:popupPanel>

		<rich:popupPanel id="panelRegistroEmpresa" modal="true"
			resizeable="true">
			<f:facet name="header">
				<h:panelGroup>
					<h:outputText value="Registro Empresa"></h:outputText>
				</h:panelGroup>
			</f:facet>
			<f:facet name="controls">
				<h:outputLink
					onclick="#{rich:component('panelRegistroEmpresa')}.hide(); return false;">
                X
            </h:outputLink>
			</f:facet>

			<h:form id="frmNuevaEmpresa">
			
				<fieldset>
				<rich:messages  id="idMsmEmpresas"  globalOnly="true"/>
					<h:panelGrid columns="1" width="100%" styleClass="tabla">
						<h:panelGrid columns="2">
							<h:outputLabel value="Nombre Empresa"></h:outputLabel>
							<h:inputText value="#{empresaController.empresaFormRegistro.razonSocial}"></h:inputText>
						
							<h:outputLabel value="Ruc"></h:outputLabel>
							<h:inputText  value="#{empresaController.empresaFormRegistro.ruc}"
							onkeypress="return validaNumero(event,'0',this,'0');" 
									onblur="validaNumero(event,'0',this,'1');"   maxlength="11">
									</h:inputText>
						
							<h:outputLabel value="Siglas"></h:outputLabel>
							<h:inputText value="#{empresaController.empresaFormRegistro.siglas}"></h:inputText>
						</h:panelGrid>
						<h:panelGrid columns="2">
							<a4j:commandButton value="Agregar" render="idMsmEmpresas,frmNuevaEmpresa"
								action="#{empresaController.insertarEmpresa}"
								id="cmdAgregar" oncomplete="#{rich:component('panelRegistroEmpresa')}.hide(); return false;">
							</a4j:commandButton>
							
							<a4j:commandButton value="Salir" render="dtEmpresas"
								onclick="#{rich:component('panelRegistroEmpresa')}.hide()">
							</a4j:commandButton>
						</h:panelGrid>
					</h:panelGrid>
				</fieldset>
			</h:form>
		</rich:popupPanel>

	</ui:define>
</ui:composition>
</html>